<template>
	<view v-if="$root.g0!='{}'">
		<view class="pt35 pb30 dsf jcsb alc pl24 pr24 ">
			<view class="dsf alc ">
				<image class="w34 h43 " src="/static/new/dingdan.png"></image>
				<view class="pl20 fz38 col333 fwwb ">{{$root.m0}}</view>
			</view>
		</view>
		<view class="pl24 pr24 pb24 ">
			<view class="pl24 pr24 bgfff bdra20 ">
				<view class="dsf alc jcsb bbe1 pb24 pt24 ">
					<view class="fz30 col333 ">{{$root.m1}}</view>
					<view class="dsf alc fz26 col333 ">
						<view class="pr5 ">{{$root.m2+detailData.total_price+$root.m3}}</view>
					</view>
				</view>
				<view class="pt24 pb24 ">
					<view class="dsf alc ">
						<view class="bdra50b bg333 pretend ">{{$root.m4}}</view>
						<view class="pl20 fz28 col333 ">{{detailData.place.delive.mapAddress}}</view>
					</view>
					<view class="pt15 pl56 fz24 col666 ">{{detailData.place.delive.mapAddressDetail}}</view>
					<view class="pt15 pl56 fz24 col666 " v-if="detailData.place.delive.userPhone">
						{{''+detailData.place.delive.userName+' '+detailData.place.delive.userPhone+''}}</view>
				</view>
				<view class="pb24  " v-for="(item,index) in $root.l0" wx:for-index="index2" wx:for-item="item2"
					:key="index2">
					<view class="dsf alc " v-if="index2+1!=item2.g1">
						<view class="bdra50b  through ">{{item2.m5}}</view>
						<view class="pl20 fz28 col333 ">{{item2[$orig].mapAddress}}</view>
					</view>
					<view class="dsf alc " v-if="index2+1==item2.g2">
						<view class="bdra50b bg2270FC discharge ">{{item2.m6}}</view>
						<view class="pl20 fz28 col333 ">{{item2[$orig].mapAddress}}</view>
					</view>
					<view class="pt15 pl56 fz24 col666 ">{{item2[$orig].mapAddressDetail}}</view>
					<view class="pt15 pl56 fz24 col666 " v-if="item2[$orig].userPhone">
						{{''+item2[$orig].userName+' '+item2[$orig].userPhone+''}}</view>
				</view>
				<view class="pt24 dsf alc jcsb bte1 ">
					<view class="fz28 col999 ">{{$root.m7}}</view>
					<view class="dsf alc ">
						<view class="fz28 col333 pr15 ">{{detailData.order_number}}</view>
						<view class="col2270FC fz26 ">{{$root.m8}}</view>
					</view>
				</view>
				<view class="pt24 dsf alc jcsb ">
					<view class="fz28 col999 ">{{$root.m9}}</view>
					<view class="fz28 col333 ">{{detailData.created_at}}</view>
				</view>
				<view class="pt24 dsf alc jcsb ">
					<view class="fz28 col999 ">{{$root.m10}}</view>
					<view class="fz28 col333 ">{{detailData.vehicle.title}}</view>
				</view>
				<view class="pt24 dsf alc jcsb ">
					<view class="fz28 col999 ">{{$root.m11}}</view>
					<view class="fz28 col333 ">{{detailData.phone}}</view>
				</view>
				<view class="pt24 dsf alc jcsb ">
					<view class="fz28 col999 ">{{$root.m12}}</view>
					<view class="fz28 col333 w480 ">{{''+($root.g3>0?$root.g4:'')+''}}</view>
				</view>
				<view class="pt24 dsf alc jcsb pb24 bbe1 ">
					<view class="fz28 col999 ">{{$root.m13}}</view>
					<view class="fz28 col333 ">{{$root.m14}}</view>
				</view>
				<view class="h98 dsf alc jcc ">
					<view class="dsf alc ">
						<image mode class="w32 h32 " src="/static/new/tianjia-2.png"></image>
						<view class="fz28 col666 pl18 ">{{$root.m15}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				CustomBar: this.CustomBar,
				status: 1,
				orderid: 0,
				detailData: {}
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.pretend,
	.through {
		color: #fff;
		font-size: 20upx;
		height: 36upx;
		line-height: 36upx;
		text-align: center;
		width: 36upx
	}

	.through {
		background-color: #9d9d9d
	}

	.discharge {
		color: #fff;
		font-size: 20upx;
		height: 36upx;
		line-height: 36upx;
		text-align: center;
		width: 36upx
	}
</style>